<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#outer{
			list-style-type: upper-roman;
		}

		#outer li{
			border:1px solid red;
			/*list-style-position: inside;
			list-style-image: url('./2.png');*/
			/*list-style:url('./2.png') inside;*/
			height: 30px;
			line-height: 30px;
			text-align: center;
		}
	</style>
</head>
<body>
	<ul id="outer">
		<li>one
		</li>
		<li>two</li>
		<li>three</li>
	</ul>
	<!-- <img src="./1.png" alt="" width="100px" height="100px"> hello -->
	<!-- <ol start="5" reversed>
		<li>one</li>
		<li>two</li>
		<li>three</li>
		<li>four</li>
		<li>five</li>
	</ol> -->

	<ul>
		<li>outer1
			<ul>
				<li>inner</li>
			</ul>
		</li>
		<li>outer2
			<ul>
				<li></li>
			</ul>
		</li>
	</ul>
</body>
</html>











